<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>$.ajax方法使用</title>
</head>

<body>
    <button id="btn">点击发送请求</button>
    <script src="/js/jquery.min.js"></script>
    <script>
        var params = {
                name: 'zs',
                age: 18
            }
            // 获取按钮并添加点击事件
        $('#btn').on('click', function() {
            // 发送ajax请求
            $.ajax({
                // 请求方式
                type: 'post',
                // 请求地址
                url: '/default',
                // 发送请求前
                beforeSend: function() {
                    alert(123);
                    // 阻止代码向下执行
                    return false;
                },
                // 参数传递
                data: JSON.stringify(params),
                // 请求头信息
                contentType: 'application/json',
                // 成功的函数处理
                success: function(response) {
                    console.log(response);
                },
                // 失败时的函数处理
                error: function(xhr) {
                    console.log(xhr);
                }
            });
        });
    </script>
</body>

</html>